<template>
  <div>
    <video
      ref="xltVideo"
      xlt-video
      class="html-video"
      controlsList="nodownload"
      preload="meta"
      controls
      v-bind="resourceProps"
    />
  </div>
</template>

<script>
import { ref } from 'vue';
import { useMedia } from './useMedia';
export default {
  setup(props, { attrs }) {
    const xltVideo = ref(null);

    useMedia(xltVideo);

    return {
      resourceProps: attrs,
      xltVideo
    };
  }
};
</script>

<style lang="scss" scoped>
.html-video {
  width: 100%;
  height: 386px;
  margin-bottom: 10px;
}
</style>